
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-ai-code"></use>
                    </svg>
                    <div class="name">代码</div>
                    <div class="fontclass">#el-icon-fa-ai-code</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-ai-resume"></use>
                    </svg>
                    <div class="name">简历</div>
                    <div class="fontclass">#el-icon-fa-ai-resume</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-ai-briefcase"></use>
                    </svg>
                    <div class="name">公文包</div>
                    <div class="fontclass">#el-icon-fa-ai-briefcase</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-changguizidian"></use>
                    </svg>
                    <div class="name">常规字典</div>
                    <div class="fontclass">#el-icon-fa-changguizidian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-dingdanguanli1"></use>
                    </svg>
                    <div class="name">订单管理</div>
                    <div class="fontclass">#el-icon-fa-dingdanguanli1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-qianyijihua"></use>
                    </svg>
                    <div class="name">迁移计划</div>
                    <div class="fontclass">#el-icon-fa-qianyijihua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yewuliebiao"></use>
                    </svg>
                    <div class="name">业务列表</div>
                    <div class="fontclass">#el-icon-fa-yewuliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-ai-out"></use>
                    </svg>
                    <div class="name">退出</div>
                    <div class="fontclass">#el-icon-fa-ai-out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shengqian"></use>
                    </svg>
                    <div class="name">标签</div>
                    <div class="fontclass">#el-icon-fa-shengqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-iconhuo"></use>
                    </svg>
                    <div class="name">icon-火</div>
                    <div class="fontclass">#el-icon-fa-iconhuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tuichu1"></use>
                    </svg>
                    <div class="name">退出</div>
                    <div class="fontclass">#el-icon-fa-tuichu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xinxiliebiao"></use>
                    </svg>
                    <div class="name">信息列表</div>
                    <div class="fontclass">#el-icon-fa-xinxiliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-weibo"></use>
                    </svg>
                    <div class="name">新浪微博</div>
                    <div class="fontclass">#el-icon-fa-weibo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-nan"></use>
                    </svg>
                    <div class="name">男</div>
                    <div class="fontclass">#el-icon-fa-nan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-nv"></use>
                    </svg>
                    <div class="name">女</div>
                    <div class="fontclass">#el-icon-fa-nv</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-iconfontloginuser"></use>
                    </svg>
                    <div class="name">用户锁定</div>
                    <div class="fontclass">#el-icon-fa-iconfontloginuser</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-addressbook"></use>
                    </svg>
                    <div class="name">通讯录</div>
                    <div class="fontclass">#el-icon-fa-addressbook</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-profile"></use>
                    </svg>
                    <div class="name">用户信息</div>
                    <div class="fontclass">#el-icon-fa-profile</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-untitled85"></use>
                    </svg>
                    <div class="name">部门</div>
                    <div class="fontclass">#el-icon-fa-untitled85</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-user"></use>
                    </svg>
                    <div class="name">用户</div>
                    <div class="fontclass">#el-icon-fa-user</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-duoren"></use>
                    </svg>
                    <div class="name">用户组</div>
                    <div class="fontclass">#el-icon-fa-duoren</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gerenfill"></use>
                    </svg>
                    <div class="name">个人中心</div>
                    <div class="fontclass">#el-icon-fa-gerenfill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-userminus"></use>
                    </svg>
                    <div class="name">用户删除</div>
                    <div class="fontclass">#el-icon-fa-userminus</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-kerenxinxiguanli"></use>
                    </svg>
                    <div class="name">客人信息</div>
                    <div class="fontclass">#el-icon-fa-kerenxinxiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-usertie"></use>
                    </svg>
                    <div class="name">高管</div>
                    <div class="fontclass">#el-icon-fa-usertie</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-education"></use>
                    </svg>
                    <div class="name">学位</div>
                    <div class="fontclass">#el-icon-fa-education</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-untitled18"></use>
                    </svg>
                    <div class="name">人员簿</div>
                    <div class="fontclass">#el-icon-fa-untitled18</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shenhe1"></use>
                    </svg>
                    <div class="name">审核</div>
                    <div class="fontclass">#el-icon-fa-shenhe1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-wuxiaoxijilu"></use>
                    </svg>
                    <div class="name">无消息记录</div>
                    <div class="fontclass">#el-icon-fa-wuxiaoxijilu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yijianfankui"></use>
                    </svg>
                    <div class="name">意见反馈</div>
                    <div class="fontclass">#el-icon-fa-yijianfankui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-bohui"></use>
                    </svg>
                    <div class="name">驳回</div>
                    <div class="fontclass">#el-icon-fa-bohui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tongguo"></use>
                    </svg>
                    <div class="name">通过</div>
                    <div class="fontclass">#el-icon-fa-tongguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shanchu3"></use>
                    </svg>
                    <div class="name">BBD删除</div>
                    <div class="fontclass">#el-icon-fa-shanchu3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gengduo1"></use>
                    </svg>
                    <div class="name">BBD更多</div>
                    <div class="fontclass">#el-icon-fa-gengduo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zhifubao"></use>
                    </svg>
                    <div class="name">支付宝</div>
                    <div class="fontclass">#el-icon-fa-zhifubao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-mima"></use>
                    </svg>
                    <div class="name">BBD密码</div>
                    <div class="fontclass">#el-icon-fa-mima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-peizhishujuyuan"></use>
                    </svg>
                    <div class="name">配置数据源</div>
                    <div class="fontclass">#el-icon-fa-peizhishujuyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-liucheng"></use>
                    </svg>
                    <div class="name">流程</div>
                    <div class="fontclass">#el-icon-fa-liucheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number"></use>
                    </svg>
                    <div class="name">number1</div>
                    <div class="fontclass">#el-icon-fa-number</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number1"></use>
                    </svg>
                    <div class="name">number0</div>
                    <div class="fontclass">#el-icon-fa-number1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number2"></use>
                    </svg>
                    <div class="name">number6</div>
                    <div class="fontclass">#el-icon-fa-number2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number3"></use>
                    </svg>
                    <div class="name">number2</div>
                    <div class="fontclass">#el-icon-fa-number3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number4"></use>
                    </svg>
                    <div class="name">number4</div>
                    <div class="fontclass">#el-icon-fa-number4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number5"></use>
                    </svg>
                    <div class="name">number3</div>
                    <div class="fontclass">#el-icon-fa-number5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number6"></use>
                    </svg>
                    <div class="name">number7</div>
                    <div class="fontclass">#el-icon-fa-number6</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number7"></use>
                    </svg>
                    <div class="name">number8</div>
                    <div class="fontclass">#el-icon-fa-number7</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number8"></use>
                    </svg>
                    <div class="name">number5</div>
                    <div class="fontclass">#el-icon-fa-number8</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number9"></use>
                    </svg>
                    <div class="name">number9</div>
                    <div class="fontclass">#el-icon-fa-number9</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-number10"></use>
                    </svg>
                    <div class="name">number10</div>
                    <div class="fontclass">#el-icon-fa-number10</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tuandui"></use>
                    </svg>
                    <div class="name">团队</div>
                    <div class="fontclass">#el-icon-fa-tuandui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shangchuan1"></use>
                    </svg>
                    <div class="name">上传</div>
                    <div class="fontclass">#el-icon-fa-shangchuan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xiazai1"></use>
                    </svg>
                    <div class="name">下载</div>
                    <div class="fontclass">#el-icon-fa-xiazai1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-dayin"></use>
                    </svg>
                    <div class="name">打印</div>
                    <div class="fontclass">#el-icon-fa-dayin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yibiaopan"></use>
                    </svg>
                    <div class="name">仪表盘</div>
                    <div class="fontclass">#el-icon-fa-yibiaopan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-campaign"></use>
                    </svg>
                    <div class="name">活动</div>
                    <div class="fontclass">#el-icon-fa-campaign</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-customer"></use>
                    </svg>
                    <div class="name">客户</div>
                    <div class="fontclass">#el-icon-fa-customer</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-message"></use>
                    </svg>
                    <div class="name">留言</div>
                    <div class="fontclass">#el-icon-fa-message</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-task"></use>
                    </svg>
                    <div class="name">任务</div>
                    <div class="fontclass">#el-icon-fa-task</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-report"></use>
                    </svg>
                    <div class="name">统计</div>
                    <div class="fontclass">#el-icon-fa-report</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-knowledge"></use>
                    </svg>
                    <div class="name">知识库</div>
                    <div class="fontclass">#el-icon-fa-knowledge</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-theme"></use>
                    </svg>
                    <div class="name">主题</div>
                    <div class="fontclass">#el-icon-fa-theme</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-channel"></use>
                    </svg>
                    <div class="name">渠道</div>
                    <div class="fontclass">#el-icon-fa-channel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-qr-code"></use>
                    </svg>
                    <div class="name">二维码</div>
                    <div class="fontclass">#el-icon-fa-qr-code</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-edit"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#el-icon-fa-edit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-web-channel"></use>
                    </svg>
                    <div class="name">web</div>
                    <div class="fontclass">#el-icon-fa-web-channel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-wode"></use>
                    </svg>
                    <div class="name">我的</div>
                    <div class="fontclass">#el-icon-fa-wode</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-erweima1"></use>
                    </svg>
                    <div class="name">二维码</div>
                    <div class="fontclass">#el-icon-fa-erweima1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fabu"></use>
                    </svg>
                    <div class="name">发布1</div>
                    <div class="fontclass">#el-icon-fa-fabu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fabu2"></use>
                    </svg>
                    <div class="name">发布2</div>
                    <div class="fontclass">#el-icon-fa-fabu2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-pingjia"></use>
                    </svg>
                    <div class="name">评价</div>
                    <div class="fontclass">#el-icon-fa-pingjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tuijian"></use>
                    </svg>
                    <div class="name">推荐</div>
                    <div class="fontclass">#el-icon-fa-tuijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fujian"></use>
                    </svg>
                    <div class="name">附件</div>
                    <div class="fontclass">#el-icon-fa-fujian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-biaoqian"></use>
                    </svg>
                    <div class="name">标签</div>
                    <div class="fontclass">#el-icon-fa-biaoqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-chakan2"></use>
                    </svg>
                    <div class="name">查看</div>
                    <div class="fontclass">#el-icon-fa-chakan2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jinru"></use>
                    </svg>
                    <div class="name">进入</div>
                    <div class="fontclass">#el-icon-fa-jinru</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yonghu1"></use>
                    </svg>
                    <div class="name">用户</div>
                    <div class="fontclass">#el-icon-fa-yonghu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-suo1"></use>
                    </svg>
                    <div class="name">锁</div>
                    <div class="fontclass">#el-icon-fa-suo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-lianjie2"></use>
                    </svg>
                    <div class="name">链接</div>
                    <div class="fontclass">#el-icon-fa-lianjie2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_gongzimingxi"></use>
                    </svg>
                    <div class="name">icon_工资明细</div>
                    <div class="fontclass">#el-icon-fa-icon_gongzimingxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_huiyuan"></use>
                    </svg>
                    <div class="name">icon_会员</div>
                    <div class="fontclass">#el-icon-fa-icon_huiyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_kaoqin"></use>
                    </svg>
                    <div class="name">icon_考勤</div>
                    <div class="fontclass">#el-icon-fa-icon_kaoqin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_baobiao"></use>
                    </svg>
                    <div class="name">icon_报表</div>
                    <div class="fontclass">#el-icon-fa-icon_baobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_peizhi"></use>
                    </svg>
                    <div class="name">icon_配置</div>
                    <div class="fontclass">#el-icon-fa-icon_peizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_quanxian"></use>
                    </svg>
                    <div class="name">icon_权限</div>
                    <div class="fontclass">#el-icon-fa-icon_quanxian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_xiangmu"></use>
                    </svg>
                    <div class="name">icon_项目</div>
                    <div class="fontclass">#el-icon-fa-icon_xiangmu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_shenhe"></use>
                    </svg>
                    <div class="name">icon_审核</div>
                    <div class="fontclass">#el-icon-fa-icon_shenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_xinxizhongxin"></use>
                    </svg>
                    <div class="name">icon_信息中心</div>
                    <div class="fontclass">#el-icon-fa-icon_xinxizhongxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_xinxi"></use>
                    </svg>
                    <div class="name">icon_信息</div>
                    <div class="fontclass">#el-icon-fa-icon_xinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-icon_yuangongguanli"></use>
                    </svg>
                    <div class="name">icon_员工管理</div>
                    <div class="fontclass">#el-icon-fa-icon_yuangongguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tishi1"></use>
                    </svg>
                    <div class="name">提示</div>
                    <div class="fontclass">#el-icon-fa-tishi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-caidan"></use>
                    </svg>
                    <div class="name">菜单</div>
                    <div class="fontclass">#el-icon-fa-caidan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-youcecaidan"></use>
                    </svg>
                    <div class="name">右侧菜单</div>
                    <div class="fontclass">#el-icon-fa-youcecaidan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-liebiaocaidan"></use>
                    </svg>
                    <div class="name">列表菜单</div>
                    <div class="fontclass">#el-icon-fa-liebiaocaidan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fangzi"></use>
                    </svg>
                    <div class="name">房子</div>
                    <div class="fontclass">#el-icon-fa-fangzi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-huodongguanli"></use>
                    </svg>
                    <div class="name">活动管理</div>
                    <div class="fontclass">#el-icon-fa-huodongguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiangpinguanli"></use>
                    </svg>
                    <div class="name">奖品管理</div>
                    <div class="fontclass">#el-icon-fa-jiangpinguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-weixinguanli"></use>
                    </svg>
                    <div class="name">微信管理</div>
                    <div class="fontclass">#el-icon-fa-weixinguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shuju"></use>
                    </svg>
                    <div class="name">数据</div>
                    <div class="fontclass">#el-icon-fa-shuju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zhishikuguanli"></use>
                    </svg>
                    <div class="name">知识库管理</div>
                    <div class="fontclass">#el-icon-fa-zhishikuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-bumenrenyuanguanli"></use>
                    </svg>
                    <div class="name">部门人员管理</div>
                    <div class="fontclass">#el-icon-fa-bumenrenyuanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shanchu4"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#el-icon-fa-shanchu4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-daishenhe"></use>
                    </svg>
                    <div class="name">待审核</div>
                    <div class="fontclass">#el-icon-fa-daishenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-daichuli"></use>
                    </svg>
                    <div class="name">待处理</div>
                    <div class="fontclass">#el-icon-fa-daichuli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-dianzizhengzhao"></use>
                    </svg>
                    <div class="name">电子证照</div>
                    <div class="fontclass">#el-icon-fa-dianzizhengzhao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shehuituanti"></use>
                    </svg>
                    <div class="name">社会团体</div>
                    <div class="fontclass">#el-icon-fa-shehuituanti</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-suofang"></use>
                    </svg>
                    <div class="name">缩放</div>
                    <div class="fontclass">#el-icon-fa-suofang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fangda"></use>
                    </svg>
                    <div class="name">放大</div>
                    <div class="fontclass">#el-icon-fa-fangda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-lianjie"></use>
                    </svg>
                    <div class="name">链接</div>
                    <div class="fontclass">#el-icon-fa-lianjie</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xingxing"></use>
                    </svg>
                    <div class="name">收藏</div>
                    <div class="fontclass">#el-icon-fa-xingxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xiaoxigonggao"></use>
                    </svg>
                    <div class="name">消息公告</div>
                    <div class="fontclass">#el-icon-fa-xiaoxigonggao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-sousuo1"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#el-icon-fa-sousuo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-dingwei"></use>
                    </svg>
                    <div class="name">定位</div>
                    <div class="fontclass">#el-icon-fa-dingwei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiesuo"></use>
                    </svg>
                    <div class="name">解锁</div>
                    <div class="fontclass">#el-icon-fa-jiesuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-suodingmima"></use>
                    </svg>
                    <div class="name">锁定密码</div>
                    <div class="fontclass">#el-icon-fa-suodingmima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shanchu1"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#el-icon-fa-shanchu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yonghu"></use>
                    </svg>
                    <div class="name">用户</div>
                    <div class="fontclass">#el-icon-fa-yonghu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-bianji1"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#el-icon-fa-bianji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-dingwei1"></use>
                    </svg>
                    <div class="name">定位</div>
                    <div class="fontclass">#el-icon-fa-dingwei1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tianjiayonghu"></use>
                    </svg>
                    <div class="name">添加用户</div>
                    <div class="fontclass">#el-icon-fa-tianjiayonghu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shezhi"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#el-icon-fa-shezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yonghuzu"></use>
                    </svg>
                    <div class="name">用户组</div>
                    <div class="fontclass">#el-icon-fa-yonghuzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-wenjian"></use>
                    </svg>
                    <div class="name">文件</div>
                    <div class="fontclass">#el-icon-fa-wenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-youjian"></use>
                    </svg>
                    <div class="name">邮件</div>
                    <div class="fontclass">#el-icon-fa-youjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xiaoxi"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#el-icon-fa-xiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fenxiang"></use>
                    </svg>
                    <div class="name">分享</div>
                    <div class="fontclass">#el-icon-fa-fenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-guanbi"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#el-icon-fa-guanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fanhui"></use>
                    </svg>
                    <div class="name">返回</div>
                    <div class="fontclass">#el-icon-fa-fanhui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gencheguanli"></use>
                    </svg>
                    <div class="name">跟车管理</div>
                    <div class="fontclass">#el-icon-fa-gencheguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jichanggaotiebaochedingdan"></use>
                    </svg>
                    <div class="name">机场高铁包车订单</div>
                    <div class="fontclass">#el-icon-fa-jichanggaotiebaochedingdan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gerenziliao"></use>
                    </svg>
                    <div class="name">个人资料</div>
                    <div class="fontclass">#el-icon-fa-gerenziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-sousuokuang"></use>
                    </svg>
                    <div class="name">搜索框</div>
                    <div class="fontclass">#el-icon-fa-sousuokuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xiugaimima"></use>
                    </svg>
                    <div class="name">修改密码</div>
                    <div class="fontclass">#el-icon-fa-xiugaimima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gerenzhongxinhui"></use>
                    </svg>
                    <div class="name">个人中心灰</div>
                    <div class="fontclass">#el-icon-fa-gerenzhongxinhui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-kefuzixunhui"></use>
                    </svg>
                    <div class="name">客服咨询灰</div>
                    <div class="fontclass">#el-icon-fa-kefuzixunhui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gerenzhongxinlv"></use>
                    </svg>
                    <div class="name">个人中心绿</div>
                    <div class="fontclass">#el-icon-fa-gerenzhongxinlv</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zhuyelv"></use>
                    </svg>
                    <div class="name">主页绿</div>
                    <div class="fontclass">#el-icon-fa-zhuyelv</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zhuyehui"></use>
                    </svg>
                    <div class="name">主页灰</div>
                    <div class="fontclass">#el-icon-fa-zhuyehui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-kefuzixunlv"></use>
                    </svg>
                    <div class="name">客服咨询绿</div>
                    <div class="fontclass">#el-icon-fa-kefuzixunlv</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-lishijilu"></use>
                    </svg>
                    <div class="name">历史记录</div>
                    <div class="fontclass">#el-icon-fa-lishijilu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xiazaihuancun"></use>
                    </svg>
                    <div class="name">下载缓存</div>
                    <div class="fontclass">#el-icon-fa-xiazaihuancun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-wodeguanzhu"></use>
                    </svg>
                    <div class="name">我的关注</div>
                    <div class="fontclass">#el-icon-fa-wodeguanzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shouye1"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#el-icon-fa-shouye1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-wodeshoucang"></use>
                    </svg>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">#el-icon-fa-wodeshoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-daibantixing"></use>
                    </svg>
                    <div class="name">待办提醒</div>
                    <div class="fontclass">#el-icon-fa-daibantixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-dingwei2"></use>
                    </svg>
                    <div class="name">定位</div>
                    <div class="fontclass">#el-icon-fa-dingwei2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-caidanguanli"></use>
                    </svg>
                    <div class="name">菜单管理</div>
                    <div class="fontclass">#el-icon-fa-caidanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-quanxianguanli"></use>
                    </svg>
                    <div class="name">权限管理</div>
                    <div class="fontclass">#el-icon-fa-quanxianguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiaoseguanli"></use>
                    </svg>
                    <div class="name">角色管理</div>
                    <div class="fontclass">#el-icon-fa-jiaoseguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xitongbangzhu"></use>
                    </svg>
                    <div class="name">系统帮助</div>
                    <div class="fontclass">#el-icon-fa-xitongbangzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yonghuguanli"></use>
                    </svg>
                    <div class="name">用户管理</div>
                    <div class="fontclass">#el-icon-fa-yonghuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xitongguanli2"></use>
                    </svg>
                    <div class="name">系统管理</div>
                    <div class="fontclass">#el-icon-fa-xitongguanli2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yijicaidan"></use>
                    </svg>
                    <div class="name">一级菜单</div>
                    <div class="fontclass">#el-icon-fa-yijicaidan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zaixianjianguan"></use>
                    </svg>
                    <div class="name">在线监管</div>
                    <div class="fontclass">#el-icon-fa-zaixianjianguan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fuwuqi"></use>
                    </svg>
                    <div class="name">服务器</div>
                    <div class="fontclass">#el-icon-fa-fuwuqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jichuxinxi"></use>
                    </svg>
                    <div class="name">基础信息</div>
                    <div class="fontclass">#el-icon-fa-jichuxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shouye2"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#el-icon-fa-shouye2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xitongguanli"></use>
                    </svg>
                    <div class="name">系统管理</div>
                    <div class="fontclass">#el-icon-fa-xitongguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-bangzhuzhongxin"></use>
                    </svg>
                    <div class="name">帮助中心</div>
                    <div class="fontclass">#el-icon-fa-bangzhuzhongxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-baobiaozhongxin"></use>
                    </svg>
                    <div class="name">报表中心</div>
                    <div class="fontclass">#el-icon-fa-baobiaozhongxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-danweiguanli"></use>
                    </svg>
                    <div class="name">单位管理</div>
                    <div class="fontclass">#el-icon-fa-danweiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-guangbo"></use>
                    </svg>
                    <div class="name">广播</div>
                    <div class="fontclass">#el-icon-fa-guangbo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiankongzhongxin"></use>
                    </svg>
                    <div class="name">监控中心</div>
                    <div class="fontclass">#el-icon-fa-jiankongzhongxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiaoseguanli1"></use>
                    </svg>
                    <div class="name">角色管理</div>
                    <div class="fontclass">#el-icon-fa-jiaoseguanli1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-renyuanxinxi"></use>
                    </svg>
                    <div class="name">人员信息</div>
                    <div class="fontclass">#el-icon-fa-renyuanxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-renwuliebiao"></use>
                    </svg>
                    <div class="name">任务列表</div>
                    <div class="fontclass">#el-icon-fa-renwuliebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shezhi3"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#el-icon-fa-shezhi3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yonghuguanli1"></use>
                    </svg>
                    <div class="name">用户管理</div>
                    <div class="fontclass">#el-icon-fa-yonghuguanli1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xiaoxitishi"></use>
                    </svg>
                    <div class="name">消息提示</div>
                    <div class="fontclass">#el-icon-fa-xiaoxitishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gongkaihoushen"></use>
                    </svg>
                    <div class="name">待审批</div>
                    <div class="fontclass">#el-icon-fa-gongkaihoushen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shenpizhong"></use>
                    </svg>
                    <div class="name">审批中</div>
                    <div class="fontclass">#el-icon-fa-shenpizhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yichexiao"></use>
                    </svg>
                    <div class="name">已撤销</div>
                    <div class="fontclass">#el-icon-fa-yichexiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yizhongzhi"></use>
                    </svg>
                    <div class="name">已终止</div>
                    <div class="fontclass">#el-icon-fa-yizhongzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shouye"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#el-icon-fa-shouye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-guanzhu"></use>
                    </svg>
                    <div class="name">关注</div>
                    <div class="fontclass">#el-icon-fa-guanzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-suozi"></use>
                    </svg>
                    <div class="name">锁子</div>
                    <div class="fontclass">#el-icon-fa-suozi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-QQ"></use>
                    </svg>
                    <div class="name">QQ</div>
                    <div class="fontclass">#el-icon-fa-QQ</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-dianhuaben"></use>
                    </svg>
                    <div class="name">电话本</div>
                    <div class="fontclass">#el-icon-fa-dianhuaben</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fenlei"></use>
                    </svg>
                    <div class="name">分类</div>
                    <div class="fontclass">#el-icon-fa-fenlei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-erweima"></use>
                    </svg>
                    <div class="name">二维码</div>
                    <div class="fontclass">#el-icon-fa-erweima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-dianzan"></use>
                    </svg>
                    <div class="name">点赞</div>
                    <div class="fontclass">#el-icon-fa-dianzan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fenxiang1"></use>
                    </svg>
                    <div class="name">分享2</div>
                    <div class="fontclass">#el-icon-fa-fenxiang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gupiao"></use>
                    </svg>
                    <div class="name">股票</div>
                    <div class="fontclass">#el-icon-fa-gupiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fenxiang2"></use>
                    </svg>
                    <div class="name">分享</div>
                    <div class="fontclass">#el-icon-fa-fenxiang2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-guanlian"></use>
                    </svg>
                    <div class="name">关联</div>
                    <div class="fontclass">#el-icon-fa-guanlian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jingjiren"></use>
                    </svg>
                    <div class="name">经纪人</div>
                    <div class="fontclass">#el-icon-fa-jingjiren</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jingshi"></use>
                    </svg>
                    <div class="name">警示</div>
                    <div class="fontclass">#el-icon-fa-jingshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-lajixiang"></use>
                    </svg>
                    <div class="name">垃圾箱</div>
                    <div class="fontclass">#el-icon-fa-lajixiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-kehu"></use>
                    </svg>
                    <div class="name">客户</div>
                    <div class="fontclass">#el-icon-fa-kehu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-lianjie1"></use>
                    </svg>
                    <div class="name">链接</div>
                    <div class="fontclass">#el-icon-fa-lianjie1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-mingpian"></use>
                    </svg>
                    <div class="name">名片</div>
                    <div class="fontclass">#el-icon-fa-mingpian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-qianbao"></use>
                    </svg>
                    <div class="name">钱包</div>
                    <div class="fontclass">#el-icon-fa-qianbao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shanchu2"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#el-icon-fa-shanchu2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shezhi1"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#el-icon-fa-shezhi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shizhong"></use>
                    </svg>
                    <div class="name">时钟</div>
                    <div class="fontclass">#el-icon-fa-shizhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tixing1"></use>
                    </svg>
                    <div class="name">提醒</div>
                    <div class="fontclass">#el-icon-fa-tixing1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-wendang"></use>
                    </svg>
                    <div class="name">文档</div>
                    <div class="fontclass">#el-icon-fa-wendang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-wo"></use>
                    </svg>
                    <div class="name">我</div>
                    <div class="fontclass">#el-icon-fa-wo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xinxi"></use>
                    </svg>
                    <div class="name">信息</div>
                    <div class="fontclass">#el-icon-fa-xinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-youjian1"></use>
                    </svg>
                    <div class="name">邮件</div>
                    <div class="fontclass">#el-icon-fa-youjian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-bianji"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#el-icon-fa-bianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-baocun1"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#el-icon-fa-baocun1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-chakan1"></use>
                    </svg>
                    <div class="name">查看</div>
                    <div class="fontclass">#el-icon-fa-chakan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-chengyuan"></use>
                    </svg>
                    <div class="name">成员</div>
                    <div class="fontclass">#el-icon-fa-chengyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-guanji"></use>
                    </svg>
                    <div class="name">关机</div>
                    <div class="fontclass">#el-icon-fa-guanji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gengduo"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#el-icon-fa-gengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fuzhi"></use>
                    </svg>
                    <div class="name">复制</div>
                    <div class="fontclass">#el-icon-fa-fuzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jinyong"></use>
                    </svg>
                    <div class="name">禁用</div>
                    <div class="fontclass">#el-icon-fa-jinyong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fasong"></use>
                    </svg>
                    <div class="name">发送</div>
                    <div class="fontclass">#el-icon-fa-fasong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shangyige"></use>
                    </svg>
                    <div class="name">上一个</div>
                    <div class="fontclass">#el-icon-fa-shangyige</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shanchu"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#el-icon-fa-shanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-naozhong"></use>
                    </svg>
                    <div class="name">闹钟</div>
                    <div class="fontclass">#el-icon-fa-naozhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shangchuan"></use>
                    </svg>
                    <div class="name">上传</div>
                    <div class="fontclass">#el-icon-fa-shangchuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shebei"></use>
                    </svg>
                    <div class="name">设备</div>
                    <div class="fontclass">#el-icon-fa-shebei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shenhe"></use>
                    </svg>
                    <div class="name">审核</div>
                    <div class="fontclass">#el-icon-fa-shenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shuaxin"></use>
                    </svg>
                    <div class="name">刷新</div>
                    <div class="fontclass">#el-icon-fa-shuaxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-sousuo"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#el-icon-fa-sousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-suo"></use>
                    </svg>
                    <div class="name">锁</div>
                    <div class="fontclass">#el-icon-fa-suo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tishi"></use>
                    </svg>
                    <div class="name">提示</div>
                    <div class="fontclass">#el-icon-fa-tishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tianjia"></use>
                    </svg>
                    <div class="name">添加</div>
                    <div class="fontclass">#el-icon-fa-tianjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tuichu"></use>
                    </svg>
                    <div class="name">退出</div>
                    <div class="fontclass">#el-icon-fa-tuichu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xiayige"></use>
                    </svg>
                    <div class="name">下一个</div>
                    <div class="fontclass">#el-icon-fa-xiayige</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xitong"></use>
                    </svg>
                    <div class="name">系统</div>
                    <div class="fontclass">#el-icon-fa-xitong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xiazai"></use>
                    </svg>
                    <div class="name">下载</div>
                    <div class="fontclass">#el-icon-fa-xiazai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-youjiantou"></use>
                    </svg>
                    <div class="name">右箭头</div>
                    <div class="fontclass">#el-icon-fa-youjiantou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zhankai"></use>
                    </svg>
                    <div class="name">展开</div>
                    <div class="fontclass">#el-icon-fa-zhankai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zuojiantou"></use>
                    </svg>
                    <div class="name">左箭头</div>
                    <div class="fontclass">#el-icon-fa-zuojiantou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-caidanpeizhi"></use>
                    </svg>
                    <div class="name">菜单配置</div>
                    <div class="fontclass">#el-icon-fa-caidanpeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-baocun"></use>
                    </svg>
                    <div class="name">主数据管理图标</div>
                    <div class="fontclass">#el-icon-fa-baocun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-dingdanguanli"></use>
                    </svg>
                    <div class="name">订单管理</div>
                    <div class="fontclass">#el-icon-fa-dingdanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fangxiangluxianziliao"></use>
                    </svg>
                    <div class="name">方向路线资料</div>
                    <div class="fontclass">#el-icon-fa-fangxiangluxianziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-chengyunfangziliaoshenhe"></use>
                    </svg>
                    <div class="name">承运方资料审核</div>
                    <div class="fontclass">#el-icon-fa-chengyunfangziliaoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-feiyongguizeziliao"></use>
                    </svg>
                    <div class="name">费用规则资料</div>
                    <div class="fontclass">#el-icon-fa-feiyongguizeziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-chengyunfangziliao"></use>
                    </svg>
                    <div class="name">承运方资料</div>
                    <div class="fontclass">#el-icon-fa-chengyunfangziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-gongzuoliupeizhi"></use>
                    </svg>
                    <div class="name">工作流配置</div>
                    <div class="fontclass">#el-icon-fa-gongzuoliupeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fuwuleixing"></use>
                    </svg>
                    <div class="name">服务类型</div>
                    <div class="fontclass">#el-icon-fa-fuwuleixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-fuwuzhuce"></use>
                    </svg>
                    <div class="name">服务注册</div>
                    <div class="fontclass">#el-icon-fa-fuwuzhuce</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jichuzidianziliao"></use>
                    </svg>
                    <div class="name">基础字典资料</div>
                    <div class="fontclass">#el-icon-fa-jichuzidianziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiansuo"></use>
                    </svg>
                    <div class="name">检索</div>
                    <div class="fontclass">#el-icon-fa-jiansuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiaoseziliaoleixing"></use>
                    </svg>
                    <div class="name">角色资料类型</div>
                    <div class="fontclass">#el-icon-fa-jiaoseziliaoleixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiaoseleixingziliao"></use>
                    </svg>
                    <div class="name">角色类型资料</div>
                    <div class="fontclass">#el-icon-fa-jiaoseleixingziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiaoseziliao"></use>
                    </svg>
                    <div class="name">角色资料</div>
                    <div class="fontclass">#el-icon-fa-jiaoseziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiexicanshu"></use>
                    </svg>
                    <div class="name">解析参数</div>
                    <div class="fontclass">#el-icon-fa-jiexicanshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-jiexilie"></use>
                    </svg>
                    <div class="name">解析列</div>
                    <div class="fontclass">#el-icon-fa-jiexilie</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-kehuziliao"></use>
                    </svg>
                    <div class="name">客户资料</div>
                    <div class="fontclass">#el-icon-fa-kehuziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-kaifazhequanxianpeizhi"></use>
                    </svg>
                    <div class="name">开发者权限配置</div>
                    <div class="fontclass">#el-icon-fa-kaifazhequanxianpeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-liuchengleixing"></use>
                    </svg>
                    <div class="name">流程类型</div>
                    <div class="fontclass">#el-icon-fa-liuchengleixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-liuchengmoban"></use>
                    </svg>
                    <div class="name">流程模板</div>
                    <div class="fontclass">#el-icon-fa-liuchengmoban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-liuchengmobanleixing"></use>
                    </svg>
                    <div class="name">流程模板类型</div>
                    <div class="fontclass">#el-icon-fa-liuchengmobanleixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-kehuziliaoshenhe"></use>
                    </svg>
                    <div class="name">客户资料审核</div>
                    <div class="fontclass">#el-icon-fa-kehuziliaoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-renzhengguanli"></use>
                    </svg>
                    <div class="name">认证管理</div>
                    <div class="fontclass">#el-icon-fa-renzhengguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shanchuhuizong"></use>
                    </svg>
                    <div class="name">删除汇总</div>
                    <div class="fontclass">#el-icon-fa-shanchuhuizong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-renzhengpeizhi"></use>
                    </svg>
                    <div class="name">认证配置</div>
                    <div class="fontclass">#el-icon-fa-renzhengpeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-renzhengziliao"></use>
                    </svg>
                    <div class="name">认证资料</div>
                    <div class="fontclass">#el-icon-fa-renzhengziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shanchusuoxuan"></use>
                    </svg>
                    <div class="name">删除所选</div>
                    <div class="fontclass">#el-icon-fa-shanchusuoxuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shangpinziliao"></use>
                    </svg>
                    <div class="name">商品资料</div>
                    <div class="fontclass">#el-icon-fa-shangpinziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shanchumingxi"></use>
                    </svg>
                    <div class="name">删除明细</div>
                    <div class="fontclass">#el-icon-fa-shanchumingxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shangpinziliaoshenhe"></use>
                    </svg>
                    <div class="name">商品资料审核</div>
                    <div class="fontclass">#el-icon-fa-shangpinziliaoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shujufanganpeizhi"></use>
                    </svg>
                    <div class="name">数据方案配置</div>
                    <div class="fontclass">#el-icon-fa-shujufanganpeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shenhebutongguo"></use>
                    </svg>
                    <div class="name">审核不通过</div>
                    <div class="fontclass">#el-icon-fa-shenhebutongguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shenhetongguo"></use>
                    </svg>
                    <div class="name">审核通过</div>
                    <div class="fontclass">#el-icon-fa-shenhetongguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tubiaoziliao"></use>
                    </svg>
                    <div class="name">图标资料</div>
                    <div class="fontclass">#el-icon-fa-tubiaoziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-tubiaoziliaoshenhe"></use>
                    </svg>
                    <div class="name">图标资料审核</div>
                    <div class="fontclass">#el-icon-fa-tubiaoziliaoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-shujujiekoufuwu"></use>
                    </svg>
                    <div class="name">数据接口服务</div>
                    <div class="fontclass">#el-icon-fa-shujujiekoufuwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-weituofangziliaoshenhe"></use>
                    </svg>
                    <div class="name">委托方资料审核</div>
                    <div class="fontclass">#el-icon-fa-weituofangziliaoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-wuliuzhongxinziliaoshenhe"></use>
                    </svg>
                    <div class="name">物流中心资料审核</div>
                    <div class="fontclass">#el-icon-fa-wuliuzhongxinziliaoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xiaoxituisongpeizhi"></use>
                    </svg>
                    <div class="name">消息推送配置</div>
                    <div class="fontclass">#el-icon-fa-xiaoxituisongpeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xinzenghuizong"></use>
                    </svg>
                    <div class="name">新增汇总</div>
                    <div class="fontclass">#el-icon-fa-xinzenghuizong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-wuliuzhongxinziliao"></use>
                    </svg>
                    <div class="name">物流中心资料</div>
                    <div class="fontclass">#el-icon-fa-wuliuzhongxinziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yewuziliaoguanli"></use>
                    </svg>
                    <div class="name">业务资料管理</div>
                    <div class="fontclass">#el-icon-fa-yewuziliaoguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-xinzengmingxi"></use>
                    </svg>
                    <div class="name">新增明细</div>
                    <div class="fontclass">#el-icon-fa-xinzengmingxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yingyonggongnengziliao"></use>
                    </svg>
                    <div class="name">应用功能资料</div>
                    <div class="fontclass">#el-icon-fa-yingyonggongnengziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yichangliucheng"></use>
                    </svg>
                    <div class="name">异常流程</div>
                    <div class="fontclass">#el-icon-fa-yichangliucheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yingyongfangfaziliao"></use>
                    </svg>
                    <div class="name">应用方法资料</div>
                    <div class="fontclass">#el-icon-fa-yingyongfangfaziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yunhang"></use>
                    </svg>
                    <div class="name">运行</div>
                    <div class="fontclass">#el-icon-fa-yunhang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-weituofangziliao"></use>
                    </svg>
                    <div class="name">委托方资料</div>
                    <div class="fontclass">#el-icon-fa-weituofangziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yonghujiaosepeizhi"></use>
                    </svg>
                    <div class="name">用户角色配置</div>
                    <div class="fontclass">#el-icon-fa-yonghujiaosepeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yunshufangziliao"></use>
                    </svg>
                    <div class="name">运输方资料</div>
                    <div class="fontclass">#el-icon-fa-yunshufangziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yingyongziliao"></use>
                    </svg>
                    <div class="name">应用资料</div>
                    <div class="fontclass">#el-icon-fa-yingyongziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yunshushangpinmulu"></use>
                    </svg>
                    <div class="name">运输商品目录</div>
                    <div class="fontclass">#el-icon-fa-yunshushangpinmulu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yunshushangpinmulushenhe"></use>
                    </svg>
                    <div class="name">运输商品目录审核</div>
                    <div class="fontclass">#el-icon-fa-yunshushangpinmulushenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yunyingfangziliao"></use>
                    </svg>
                    <div class="name">运营方资料</div>
                    <div class="fontclass">#el-icon-fa-yunyingfangziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zhiyuanziliao"></use>
                    </svg>
                    <div class="name">职员资料</div>
                    <div class="fontclass">#el-icon-fa-zhiyuanziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-yunyingfangziliaoshenhe"></use>
                    </svg>
                    <div class="name">运营方资料审核</div>
                    <div class="fontclass">#el-icon-fa-yunyingfangziliaoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zhushujuguanli"></use>
                    </svg>
                    <div class="name">主数据管理</div>
                    <div class="fontclass">#el-icon-fa-zhushujuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zhiyuanziliaoshenhe"></use>
                    </svg>
                    <div class="name">职员资料审核</div>
                    <div class="fontclass">#el-icon-fa-zhiyuanziliaoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#el-icon-fa-zhucefuwu"></use>
                    </svg>
                    <div class="name">注册服务</div>
                    <div class="fontclass">#el-icon-fa-zhucefuwu</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#el-icon-fa-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
